﻿/*
Client's colors
Green:  #7ABC1F
Blue:   #2A3B8E
Black:  #000
*/

/*GENERAL CLASSES*/

label{font-size:10px; }
input[type="text"], input[type="password"], textarea{
    margin:3px; margin-left:0px;
    border: solid 1px #bcbcbc; 
    font-size:12px; 
    color: #343434; 
    background-color:#ffffff; 
    padding: 3px; height:20px; 
    display:inline;  
    
} 

/*  
input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
    margin:3px; margin-left:0px;
    border: solid 2px #ababab;
    font-size: 12px;
    color: #777777;
    background-color: #FFFFCC;
    padding: 3px;
    height: 20px;
    display:inline;   
}     */
    
/* input[type="checkbox"]{width:25px; height:25px; color:maroon;}
 input[type="checkbox"]:focus{width:25px; height:25px; color:maroon; background-color:#BFDFFF; padding:3px;}
 */
 .hr, .HR
{
	background:url(cssimg/hr-solid.png) repeat-x;
	border:0px;
	height:1px;
	padding-top:3px; padding-bottom:3px;
	}

.vhr, .VHR{
    background:url(cssimg/vhr-solid.png) repeat-y;
	border:0px;
	height:1px;
	padding-left:3px; padding-right:3px;
	background-position:center
    }

.hrdot, .HRDot, hrDot, HrDot{
    background:url(cssimg/hr-dotted.png) repeat-x;    
	border:0px;
	height:1px;
	padding-top:5px; padding-bottom:5px;
    }
    
.vhrdot, .VHRDot, vhrDot, VhrDot{
    background:url(cssimg/vhr-dotted.png) repeat-y;
	border:0px;
	height:1px;
	padding-left:3px; padding-right:3px;
	background-position:center
    }


h1, .H1
{
    font:25px/32px  Arial, Helvetica, sans-serif;
    color: #7abc1f; 
}	
	
h2, .H2
{
   font:20px/24px  Arial, Helvetica, sans-serif;
    color: #7abc1f; 
}	
	
h3, .H3{ 
   font:15px/20px  Arial, Helvetica, sans-serif;
    color: #7abc1f; 
} 
h4, .H4{ font-family:Tahoma;font-size: 12pt;font-weight: normal;color: #575757;}
h5, .H5{ font-family:Tahoma;font-size: 12pt;font-weight: normal;color: #575757;}
h6, .H6{ font-family:Tahoma;font-size: 12pt;font-weight: normal;color: #575757;}


 a.Heading, .Heading
{ 
    font-size: 14px;
    font-weight: bold;
    text-decoration: none; 
}	
 a:hover.Heading
{ 
    font-size:14px;  
    text-decoration:none; 
    font-weight:bold;
}	

.H{vertical-align:middle; height: 35px; font-family: Helvetica, Arial, sans-serif; }
.H a {color:#dedede; height: 35px; vertical-align:middle; font-size:14px; font-size: 14px;	font-weight: bold; padding-right:30px;}
.H a:hover
{
    color: #22C2FF;
    text-decoration: none;
}
.H a.Selected {
    color: #22C2FF;
    text-decoration: none;}
.H a.Special {
    color: #ff9933;
    text-decoration: none;
}

/*
.Header a
{color: #ababab; height:50px; text-decoration:none; padding:10px; padding-top:15px;}

.Header a.Special
{color: #ff9933;height:50px; text-decoration:none; padding:10px; padding-top:15px;}

.Header a:hover
{color:white;height:50px; text-decoration:none; background-color:#22C2FF; padding:10px; padding-top:15px;}

.Header a.Selected
{color:white; height:50px; text-decoration:none; background-color:#22C2FF; padding:10px; padding-top:15px;}
*/

 
 a.White, .White
{color:#ffffff;	text-decoration:none;}	

 a:hover.White
{color:#cccccc;    text-decoration:underline;}		

 a.Orange, .Orange
    {color: #ff9933;	text-decoration: none;}

 a:hover.Orange	
    {color:#ff9933;    text-decoration:underline;}
	
  
 a.Yellow, .Yellow
    {color: #ffff91;	text-decoration: none;}

  a:hover.Yellow
    {color:#ffff91;    text-decoration:underline;}	
	
 
 a.Gray, .Gray
    {color: #9a9a9a;	text-decoration: none;}
    
 a:hover.Gray
    {color:#575757;    text-decoration:underline;}	

 a.Black, .Black
{color:#686868;	text-decoration:none;}	

 a:hover.Black
{color:#686868;    text-decoration:underline;}		

a.Blue, .Blue
{
    color: #008FC6;
    text-decoration: none;
}	

 a:hover.Blue
{color:#686868;    text-decoration:underline;}	

a.LightBlue, .LightBlue{    color: #3399FF;    text-decoration: none;}	
a:hover.LightBlue, .LightBlue a:hover{color:#3377aa;    text-decoration:underline;}	

 a.Green, .Green
    {color:  #99CC00;	text-decoration: none;}
    
 a:hover.Green
    {color:#99CC00;    text-decoration:underline;}	

 a.BigLink{font-size:105%;} a:hover.BigLink{font-size:105%;}
 /*a.Small{font-size: 75%;} a:hover.Small{font-size: 75%;}*/
 a.Bold{font-weight:bold;} a:hover.Bold{font-weight:bold;}
 a.Heading{font-size:130%;} a:hover.Heading{font-size:130%;}
 

.GrayBox{border:solid 2px #dddddd; background-color:#efefef; text-align:left; margin:4px;}

.LeftButtons{ margin:4px; text-align:left;}
.LeftButtons div.Box{border: solid 1px #cdcdcd; background-color:#dddddd;}
.LeftButtons div.NoStyle{border: none; background-color:white;}
.LeftButtons div.NoStyle a.NoStyle{display:block; background-color:white; padding:0px; margin:0px;}

.LeftButtons  a{display:block; background-color: #ffffff; border:none 1px #dddddd; text-align:left;  text-decoration:none; color:#3366aa; display:block; margin-top:2px; padding-left:5px; padding-bottom:3px; padding-top:3px;}

.LeftButtons  a:hover{ display:block;text-decoration:none; color:white; background-color:#83AA1C}

.LeftButtons  a.LeftLinksHeader{display:block;text-decoration:none; color:white; background-color:#575757; padding:4px; padding-left:5px; font-weight:bold; margin-top:0px;}

.LeftButtons  a.LeftLinksHeaderLight{display:block;text-decoration:none; color:white; background-color:#999999; padding:4px; padding-left:5px; font-weight:bold; margin-top:0px;}

.LeftButtons  a.LeftLinksHeaderGreen{display:block;text-decoration:none; color:white; background-color:#9CCB21; padding:4px; padding-left:5px; font-weight:bold; margin-top:0px;}
.LeftButtons a.NoStyle{display: block;}
.LeftButtons a:hover.NoStyle{display: block;}

.AdminLeftLinks a{color:#676767;}
.AdminLeftLinks a:hover{color: black;}

.Bold{font-weight:bold;}
.Small{font-size:smaller;}
.Border1{border: solid 1px #efefef;}
.Border2{border: solid 2px #efefef;}

.FillGray{background-color:#dddddd;}
.FillGreen{background-color:#c6e969;}
.FillBlack{background-color:#575757;}
.FillWhite{background-color:#ffffff;}

.SubPages{font-weight:bold}

.Active{color:Black;}
.Inactive{color:#bcbcbc;} 
table.Active{ background-color:#bdbdbd; color:#575757;}
table.Inactive{ background-color:#dfdfdf; color:#bdbdbd;}

.GreyedOutCss{background-image:url('cssimg/fade.png');}

.Box{border: solid 1px #cdcdcd; padding:3px;}
.Box2{border: solid 2px #cdcdcd; padding:3px;}
.Box3{border: solid 3px #cdcdcd; padding:3px;}
.BoxGrey{border: solid 1px #cdcdcd; padding:3px;}
.BoxDev{border: solid 1px #2A4E97; padding:3px;}
.BoxBuyer{border: solid 1px #C9E886; padding:3px;}
.PicBox{border: solid 1px #bcbcbc; margin:5px; padding:4px;

.Highlight{background-color:#efefef; padding:3px;}
.HighlightGrey{border: solid 1px #cdcdcd; padding:3px;  background-color:#efefef;}
.HighlightDev{border: solid 1px #C9E886; padding:3px;  background-color:#C9E886;}
.HighlightBuyer{border: solid 1px #2A4E97; padding:3px;  background-color:#2A4E97;}


/* RATING */
/* CSS for Rating */ 
.ratingStar {
  width: 13px;
  height: 12px;
  text-align: center;
  cursor: pointer;
}

.emptyStar {
  background-image: url(rating/emptystar.gif);
}

.filledStar {
  background-image: url(rating/filledstar.gif);
}

.waitingStar {
  background-image: url(rating/savedstar.gif);
}
.rating {
  margin-left: 2px;
  margin-right: 2px;
}

.rating fieldset {
  border: 0px;  
}

.rating fieldset legend {
  position: relative;
  font-size: .8em;
  left: -10px;
}

.rating fieldset span {
  left: 100px;
  top: -14px;
}
 
 
 .ratingStarBig {
  width: 21px;
  height: 21px;
  text-align: center;
  cursor: pointer;
}

.emptyStarBig {
  background-image: url(rating/emptystar-big.gif);
}

.filledStarBig {
  background-image: url(rating/filledstar-big.gif);
}

.waitingStarBig {
  background-image: url(rating/savedstar-big.gif);
}
.ratingBig {
  margin-left: 2px;
  margin-right: 2px;
}

.ratingBig fieldset {
  border: 0px;  
}

.ratingBig fieldset legend {
  position: relative;
  font-size: .8em;
  left: -10px;
}

.ratingBig fieldset span {
  left: 100px;
  top: -14px;
}
 
 /* LISTS */
 
ul.Circle{ list-style-position:inside}
ul.Circle li{ list-style-image: url('images/circle1.png');}
ul.Circle li b{font-weight:bold; font-size:larger;}

ul.Arrow{list-style-position:inside; padding-left:5px;}
ul.Arrow li{ list-style-image: url('images/arrow-orange.gif'); font-size:small; vertical-align:middle;}
ul.Arrow li b{font-weight:bold; font-size:larger;}

/* LOGICAL */

.Developer{ color: #8CBB00;}
.Buyer{ color: #575757;}


/* VALIDATION */

.Error, .ErrorText { color:#cc0000; }
.Info, .InfoText{color: #336699;}


/* CONTROLS */

#Input /*for table*/
{ background-color: #C9E886;
    }
    
#Input td
{  
     background-color:White; 
    }


/* BALOON TIP */

 
#dhtmltooltip
{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: #FFFFE0;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}
  
 